import React, { Component } from 'react';
import { NavLink } from 'react-router-dom';
import './style.css'
class Index extends Component {
  render() {
    const { v } = this.props
    return (
      <NavLink 
        to={{ pathname: '/detail', state: v  }}>
        <dl className="dl">
          <dt>
            <img src={v.url} alt="" />
          </dt>
          <dd>
            <h3>{v.title}</h3>
            <p>{v.desc}</p>
          </dd>
        </dl>
      </NavLink>
    );
  }
}

export default Index;
